<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>

    <div th:replace="~{page/top :: tophead}"></div>

    <meta charset="UTF-8">
    <title th:text="${blog.title}"></title>
    <link rel="shortcut icon"
          th:href="@{/images/favicon.ico}">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="/css/github-gist.css"
          rel="stylesheet">
    <link href="/css/font-awesome.css"
          rel="stylesheet">
    <link href="/css/animate.css"
          rel="stylesheet">
    <script
            src="/js/jquery-1.8.3.min.js"></script>
</head>
<body style="background:url(/images/bj.png) repeat top left scroll">
<div th:replace="~{page/top :: top}"></div>
<article>
    <div class="tool-box">
        <!-- 分享： -->
        <ul>
            <li><a title="点赞" style="" href="#cyEmoji"><i
                    class="fa fa-thumbs-up"></i><br>点赞</a></li>
            <li><a title="评论" style="" href="#news_pl"><i
                    class="fa fa-commenting"></i><br>评论</a></li>
            <li>
                <script type="text/javascript" th:inline="javascript">
                    (function () {
                        var p = {
                            url: location.href, /*获取URL，可加上来自分享到QQ标识，方便统计*/
                            desc: '', /*分享理由(风格应模拟用户对话),支持多分享语随机展现（使用|分隔）*/
                            title: [[${blog.title}]], /*分享标题(可选)*/
                            summary: [[${blog.introduction}]], /*分享摘要(可选)*/
                            pics: [[${blog.images}]], /*分享图片(可选)*/
                            flash: '', /*视频地址(可选)*/
                            site: 'Knight个人网站', /*分享来源(可选) 如：QQ分享*/
                            style: '201',
                            width: 35,
                            height: 35
                        };
                        var s = [];
                        for (var i in p) {
                            s.push(i + '=' + encodeURIComponent(p[i] || ''));
                        }
                        document.write(['<a title="分享到QQ" style="" href="http://connect.qq.com/widget/shareqq/index.html?', s.join('&'), '" target="_blank"><i class="fa fa-qq"></i><br>QQ</a>'].join(''));
                    })();
                </script>
                <script src="http://connect.qq.com/widget/loader/loader.js"
                        widget="shareqq" charset="utf-8"></script>
            </li>
            <li>
                <script type="text/javascript" th:inline="javascript">
                    (function () {
                        var p = {
                            url: location.href,
                            showcount: '1', /*是否显示分享总数,显示：'1'，不显示：'0' */
                            desc: '', /*默认分享理由(可选)*/
                            summary: [[${blog.introduction}]], /*分享摘要(可选)*/
                            title: [[${blog.title}]], /*分享标题(可选)*/
                            site: 'Knight个人网站', /*分享来源 如：腾讯网(可选)*/
                            pics: [[${blog.images}]], /*分享图片的路径(可选)*/
                            style: '201',
                            width: 113,
                            height: 39
                        };
                        var s = [];
                        for (var i in p) {
                            s.push(i + '=' + encodeURIComponent(p[i] || ''));
                        }

                        document.write(['<a title="分享到空间" version="1.0" style="" href="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?', s.join('&'), '" target="_blank"><i class="fa fa-star"></i><br>空间</a>'].join(''));
                    })();
                </script>
                <script
                        src="http://qzonestyle.gtimg.cn/qzone/app/qzlike/qzopensl.js#jsdate=20111201"
                        charset="utf-8"></script>
            </li>
            <li>
                <script type="text/javascript" th:inline="javascript">
                    (function () {
                        var p = {
                            url: location.href,
                            title: [[${blog.title}]], /*分享标题(可选)*/
                            pic: [[${blog.images}]], /*分享图片的路径(可选)*/
                        };
                        var s = [];
                        for (var i in p) {
                            s.push(i + '=' + encodeURIComponent(p[i] || ''));
                        }
                        document.write(['<a title="分享到微博"  style="" href="http://service.weibo.com/share/share.php?', s.join('&'), '" target="_blank"><i class="fa fa-weibo"></i><br>微博</a>'].join(''));
                    })();
                </script>
            </li>
        </ul>
    </div>
    <div class="lbox">
        <div class="infos">
            <div class="newsview ">
                <h2 class="intitle">
                    您现在的位置是：<a href="/">网站首页</a>&nbsp;&gt;&nbsp;<a href="/">技术专栏</a>
                </h2>
                    <h3 class="news_title animated fadeIn" th:text="${blog.title}"></h3>
                    <input class="id" type="hidden" th:value="${blog.id}">
                    <div class="news_author animated fadeIn">
                        <span class="au01">Knight</span>

                        <span class="au02" th:text="'于'+${#temporals.format(blog.addTime,'yyyy-MM-dd HH:mm')}+'发布'">
                        </span>

                        <span th:if="${blog.addTime != blog.updateTime}">
                            <span class="au02" th:text="'最后修改于'+${#temporals.format(blog.updateTime,'yyyy-MM-dd HH:mm')}"></span>
                        </span>


                        <span class="au03">共<b th:text="${blog.clickNum}"></b>人围观
                        </span>
                    </div>
                    <input class="typeId" type="hidden"
                           th:value="${blog.typeId}">
                    <div class="tags animated fadeIn">
                        <input class="tag" type="hidden" th:value="${blog.keyword}">
                    </div>
                    <div class="news_about animated fadeIn" th:text="${blog.introduction}">
                        <strong>简介</strong>
                    </div>
                    <div class="news_infos animated fadeIn" th:utext="${blog.content}"></div>
                    <br>
                    <br>
                    <p
                            style="font-size:15px;padding: 10px 20px;background: #f7f7f7; border-left: 5px solid rgb(255, 146, 111);">
                        <b>转载：</b>感谢您对沐云博客的认可，及对该作品以及文章的青睐，非常欢迎各位朋友分享到个人博客或朋友圈，但转载请说明文章出处。本文章部分图片、文章来源于网络，版权归原作者所有，如有侵权，请与我联系删除。
                    </p>


                    <div class="ds" style="text-align: center;opacity:0">
                        <div id="cyReward" role="cylabs" data-use="reward"></div>
                    </div>

                <div class="nextinfo animated fadeIn">
                    <p>
                        上一篇：<span class="pre"></span>
                    </p>
                    <p>
                        下一篇：<span class="next"></span>
                    </p>
                </div>
                <div class="otherlink animated fadeIn"
                     style="padding-bottom:20px;">
                    <h2>相关文章</h2>
                    <ul>

                    </ul>
                </div>
                <div class="news_pl " id="news_pl">
                    <h2>文章评论</h2>
                    <div style="width:90%;margin: 0 auto;">
                        <div id="cyEmoji" role="cylabs" data-use="emoji"
                             th:sid="${blog.id}"></div>
                        <!--PC和WAP自适应版-->
                        <div id="SOHUCS" th:sid="${blog.id }"></div>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <div class="rbox  ">

        <div class="dianji paihang whitebg">
            <h2 class="cloud_hometitle">本栏推荐</h2>
            <ul class="like " style="padding:0px">

            </ul>
        </div>
        <div class="dj dianji paihang whitebg animated fadeInUp"
             style="display:none;animation-delay:0.3s">
            <h2 class="cloud_hometitle">点击排行</h2>
            <ul class="click" style="padding:0px">

            </ul>

        </div>
<!--        <script type="text/javascript" charset="utf-8"-->
<!--                src="http://changyan.sohu.com/js/changyan.labs.https.js?appid=cytzg9rLH"></script>-->

        <div class="fixed-menu-list animated fadeInUp">
            <div class="sidebar-nav-toc">文章目录</div>
            <div class="post-toc">
                <div class="post-toc-content">
                    <ol class="nav1">

                    </ol>
                </div>
            </div>
        </div>
    </div>

    <a href="#" class="top cd-top animated ">Top</a>
</article>

<div th:replace="~{page/fonter :: foot}"></div>
<script src="/js/page/info.js" th:inline="javascript"></script>
<script src="/js/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<script src="/js/layer/layer.js"></script>
</body>
</html>
